<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>外边距</title>
<style type="text/css">
	*{
		margin: 0px;
	}
.box {
	background-color:#9CF;
	border:3px #30C solid;
	
}
.box div {
	width:232px;
	height:211px;
	border:2px #F00 dashed;
	background-color:#FFF;
    /*边界*/
	/*margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;*/
	/*margin: 20px 50px;*/
	/*水平居中*/
	margin: 0px auto;

}
.list{
	margin: 0px;
	background-color:#C93;
}
</style>
</head>
<body>
<div class="box">
  <div><img src="img/horse.jpg" width="232" height="211"></div>
</div>
<ul class="list">
<li>计算机</li>
<li>英语</li>
<li>金融</li>
</ul>
</body>
</html>
